<!--
  Generated template for the ConfirmOrderPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>确认订单</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-item>
    <ion-label class="ion-width-33-ctrl">订单号</ion-label>
    <ion-label class="ion-width-67-ctrl text-align-center">{{orderDetails.orderNo}}</ion-label>
  </ion-item>
  <ion-item>
    <ion-label class="ion-width-33-ctrl">下单时间</ion-label>
    <ion-label class="ion-width-67-ctrl text-align-center">{{orderDetails.orderDate}}</ion-label>
  </ion-item>
  <ion-item>
    <ion-label class="ion-width-33-ctrl">订单总价</ion-label>
    <ion-label class="ion-width-67-ctrl text-align-center" style="color: red">￥{{orderDetails.sumPrice}}</ion-label>
  </ion-item>
  <ion-label style="padding-left: 16px">订单列表</ion-label>
  <ng-container *ngIf="hasNew===true">
    <div style="padding-left: 16px;">新增菜品：</div>
    <ng-container *ngFor="let item of orderDetails.noPrintDetails">
      <ion-item>
        <ion-label style="font-size: 2.8vh;color: #000000" class="text-align-center">{{item.fName}}　×　{{item.addNum}}</ion-label>
      </ion-item>
    </ng-container>
    <div style="padding-left: 16px;">已有菜品：</div>
    <ng-container *ngFor="let item of orderDetails.orderDetails">
      <ion-item>
        <ion-label style="font-size: 2.8vh;color: #000000" class="text-align-center">{{item.fName}}　×　{{item.fNum}}</ion-label>
      </ion-item>
    </ng-container>
  </ng-container>
  <ng-container *ngIf="hasNew===false">
    <ng-container *ngFor="let item of orderDetails.noPrintDetails">
      <ion-item>
        <ion-label style="font-size: 2.8vh;color: #000000" class="text-align-center">{{item.fName}}　×　{{item.addNum}}</ion-label>
      </ion-item>
    </ng-container>
  </ng-container>
  <ion-label style="padding-left: 16px">备注</ion-label>
  <ion-item>
    <ion-label style="font-size: 2.8vh;color: #000000;overflow: auto;text-overflow: inherit;white-space: inherit;">
      {{orderDetails.remark}}
    </ion-label>
  </ion-item>

  <button ion-button full round class="btn btn-default" (click)="confirm_order()">确认接单</button>
</ion-content>
